// pages/invite/invite.ts
const api = require('../../utils/api');
// import QRCode from 'qrcode';
// const QRCode = require('qrcode'); // 引入 qrcode 库
const QRCode = require('../../utils/qrcode.js');
console.log(QRCode)
Page({

    /**
     * 页面的初始数据
     */
    data: {
        imgUrl: '',
        access_token: '',
        code: '',
        secret:'ba6098175d401adf46e4939a43dabcfb'
    },
    back() {
        wx.navigateBack({
            delta: 1
        })
    },
    onLoad(options) {
      let that = this
      wx.showLoading({
        title: '加载中...',
      })
      api.getMyInvitationCodeAndAccessToken().then(res => {
          if (res.code == 200) {
              that.setData({
                  access_token: res.data.access_token,
                  code: res.data.code
              });
              this.getCodeUrl11()
          }
      })
  },
   //适配不同屏幕大小的canvas
   setCanvasSize () {
    var size = {}
    try {
      var res = wx.getSystemInfoSync()
      var scale = 750 / 450 // 不同屏幕下canvas的适配比例；设计稿是750宽
      var width = res.windowWidth / scale
      var height = width// canvas画布为正方形
      size.w = width
      size.h = height
    } catch (e) {
      // Do something when catch error
      console.log("获取设备信息失败" + e)
      // 提供默认值
      size.w = 200; // 默认宽度
      size.h = 200; // 默认高度
    }
    return size
  },
    getCodeUrl11(){
      this.setData({
        canvasSize: this.setCanvasSize(),
      });
      wx.hideLoading()
      const size = this.setCanvasSize()
      const canvasId = 'mycanvas'
      const url = `https://ewm.chexianghui66.cn?code=${this.data.code}`; // 要编码成二维码的文本或URL
      QRCode.api.draw(url, canvasId, size.w, size.h)

    // const ctx = wx.createCanvasContext('myQrcode');
    // QRCode.toCanvas(ctx, url, { // 这里网址可替换为你需要的链接
    //   width: 200,
    //   height: 200
    // }, function () {
    //   ctx.draw();
    // });
    // QRCode.toCanvas(
    //   wx.createSelectorQuery().select('#' + canvasId).node((res) => {
    //     return res.node;
    //   }),
    //   url,
    //   function (error) {
    //     if (error) console.error(error);
    //     console.log('QR code generated successfully!');
    //   }
    // );
        // wx.request({
        //     url: 'https://api.weixin.qq.com/cgi-bin/token',
        //     header: { 'content-type': 'application/json'},
        //     data: {
        //         grant_type: 'client_credential',
        //         appid:'wx9f6d4f238cdba910',
        //         secret: this.data.secret
        //     },
        //     success(res) {
        //        var accessToken = res.data.access_token
        //        wx.request({
        //         url: 'https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token='+accessToken,
        //         method: 'POST',
        //         responseType: 'arraybuffer',
        //         data: {
        //             "path": `pages/yqlogin/yqlogin?code=${that.data.code}`,
        //             "width": 430,   
        //         },
        //         success(res) {
        //             console.log(res)
        //             let base64 = wx.arrayBufferToBase64(res.data)
        //             let codeImg= 'data:image/PNG;base64,' + base64
        //             that.setData({
        //                 imgUrl: codeImg,
        //             });
        //         },
        //     })
        //         // wx.request({
        //         //     url: 'https://api.weixin.qq.com/wxa/getwxacode?access_token='+accessToken,
        //         //     method: 'POST',
        //         //     responseType: 'arraybuffer',
        //         //     data: {
        //         //         "path": `pages/yqlogin/yqlogin?code=${that.data.code}`,
        //         //         "width": 430,   
        //         //     },
        //         //     success(res) {
        //         //         let base64 = wx.arrayBufferToBase64(res.data)
        //         //         let codeImg= 'data:image/PNG;base64,' + base64
        //         //         that.setData({
        //         //             imgUrl: codeImg,
        //         //         });
        //         //     },
        //         // })
        //     }
        // })
    },
    // getCodeUrl() {
    //     const accessToken = this.data.access_token;
    //     const data = {
    //         path: `/pages/yqlogin/yqlogin?code=${this.data.code}`,
    //         width: 430
    //     };
    //     wx.request({
    //         url: `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${accessToken}`,
    //         method: 'POST',
    //         responseType: 'arraybuffer',
    //         header: {
    //             'content-type': 'application/json', //'application/x-www-form-urlencoded;charset=UTF-8',
    //             'Authorization': wx.getStorageSync('token')
    //         },
    //         data: data,
    //         success(res) {
    //            console.log(res)
    //              // 处理返回的二进制流，生成图片地址展示
    // // const url = window.URL.createObjectURL(new Blob([response.data], { type: 'image/png' }));
    // // const img = document.createElement('img');
    // // img.src = url;
    // // document.body.appendChild(img);
    //         },
    //         fail(err) {
    //             console.log(err)
    //         }
    //     });
    //     // axios.post(`https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${accessToken}`, data)
    //     //     .then(response => {
    //     //         // 处理返回的二进制流，生成图片地址展示
    //     //         const url = window.URL.createObjectURL(new Blob([response.data], {
    //     //             type: 'image/png'
    //     //         }));
    //     //         const img = document.createElement('img');
    //     //         img.src = url;
    //     //         document.body.appendChild(img);
    //     //     })
    //     //     .catch(error => {
    //     //         console.error(error);
    //     //     });
    // },
    /**
     * 生命周期函数--监听页面加载
     */
   

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})